<template>
    <div class="form-container">
        <a-form name="basic" :label-col="labelCol" :wrapper-col="{ span: 16 }">
            <a-form-item label="组件名称CN" name="componentCN">
                <div class="controller-container">
                    <a-input v-model:value="componentCN" />
                </div>
            </a-form-item>
            <a-form-item label="组件名称EN" name="componentEN">
                <div class="controller-container">
                    <a-input v-model:value="componentEN" />
                </div>
            </a-form-item>
            <a-form-item label="组件类型" name="componentType">
                <div class="controller-container">
                    <a-radio-group v-model:value="componentType">
                        <a-radio value="page">页面</a-radio>
                        <a-radio value="component">公共组件</a-radio>
                    </a-radio-group>
                </div>
            </a-form-item>
            <a-form-item label="代码结构" name="codeType">
                <div class="controller-container">
                    <a-radio-group v-model:value="codeType">
                        <a-radio value="1">状态分离式组件</a-radio>
                        <a-radio value="2">官网示例单文件组件</a-radio>
                    </a-radio-group>
                </div>
            </a-form-item>
            <a-form-item label="状态" name="defaultState">
                <StatusMgrComp />
            </a-form-item>
            <a-form-item label="service" name="allService"> </a-form-item>
        </a-form>
    </div>
</template>
<script src="./index.js">
</script>
<style lang="less" src="./index.less">
</style>
